<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>css引入方式</title>
		<style>
			h3{
				color:pink;  /*字体颜色*/
				font-size: 36px;  /*字体大小*/
				text-align: center;  /*文本居中显示*/
			}
			h1{
				color: green;
			}
			.bigFont{
				font-size: 33px; /*类名*/
			}
			#col{/* #id名字 */
				color: hotpink;
			}
		</style>
		<link href="css/font-style.css" rel="stylesheet" />
		</head>
	<body>
        <!-- css:层叠样式表，
		     三种引入方式
			 1.内联样式：在开始标签中加入style属性，在属性中书写样式
			 2.内部样式:在html中文件的head标签中加入style标签，在style标签中书写样式
			 3.外部样式:step1:创建css文件
			        step2:在html文件的head标签中用link标签关联样式文件
			        	-->
						<!-- 选择器:
						1.标签选择
						2.类选择器
						3.id选择器 -->
	<h1 class="bigFont">古诗中文网</h1>
	<h3 class="bigFont">首页</h3> <!-- class属性=“类名” -->
	<h3 id="col">蒹葭</h3>  <!-- id="名字具有唯一性" -->
	<p class="bigFont">蒹葭苍苍，白露为霜</p >
	<p>所谓伊人，在水一方</p >
	<p>溯洄从之，道阻且长</p >
	<p>溯游从之，宛在水中央</p >
	
	</body>
</html>
